<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
<form class="form-horizontal" role="form" id="form">
    <div class="form-group">
        <label for="area" class="col-sm-2 control-label">aa</label>
        <div class="col-sm-10">
            <div id="area" class="cc-Tree" model="1"  cascadeYes="" cascadeNo="" params="area_params"   data-options="'call':'role.grantResourceTree'" style="width: 200px" ></div>
            <!--
                <div id="area" class="cc-Tree" model="0" initValue="22"  cascadeYes="" cascadeNo="" data-options="'call':'area.treeNodes'" style="width: 200px" ></div>
                <div id="area" class="cc-Tree" model="1" initValue="22"  cascadeYes="" cascadeNo="" data-options="'call':'area.treeNodes'" style="width: 200px" ></div>
                <div id="area" class="cc-Tree" model="1" initValue="19,22"  cascadeYes="" cascadeNo="" multiple="true" data-options="'call':'area.treeNodes'" style="width: 200px" ></div>
               <div id="area" class="cc-Tree" model="0" initValue="19,22"  cascadeYes="" cascadeNo="" multiple="true" data-options="'call':'area.treeNodes'" style="width: 200px" ></div>
                -->
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <input type="button" value="setValue" onclick="setValue()">
            <input type="button" value="getValue" onclick="getValue()">
        </div>
    </div>
</form>

<script type="text/javascript" src="/lib/jquery/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="/lib/layer/layer.js"></script>

<script type="text/javascript" src="/lib/handlebars/handlebars-v4.0.5.js"></script>
<script type="text/javascript" src="/lib/handlebars/handlebars-extend.js"></script>

<link href="/lib/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript" src="/lib/bootstrap/js/bootstrap.min.js"></script>


<link href="/lib/ztree/css/metroStyle/metroStyle.css" rel="stylesheet">
<script src="/lib/ztree/js/jquery.ztree.all.js"></script>

<script type="text/javascript"  src="/lib/common/common.js"></script>
<link type="text/css" href="/lib/component/css/cc.css" rel="stylesheet" />
<script type="text/javascript"  src="/lib/component/js/cc.js"></script>

<script type="text/javascript">
      var area_params={
          "roleId":"1"
      };
    function setValue(){
        var name = _$.getById("area");
        name.setValue(5);
    }
    function getValue(){
        var name = _$.getById("area");
        var str = name.getValue();
        alert(str)
    }


    $(function(){
        _$.parser.parse();
    })
</script>
</body>
</html>
